<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
	
	#container{
		width: 1024px;
		margin-left: auto; 
		margin-right: auto;
	}
	#top_logo{
		height: 80px;
		text-align: left;
	}
	#top_logo .logo{
		margin-left: 460px;
	}
	#login{
		margin-left:190px;
		vertical-align: 15px;
	}
	#login .text{
		background-image:url("${initParam.root}/img/top/top_login_bg.gif");
		font-size:11px;
		border:none;
		padding:2px 7px;
		width:56px;
		height:13px;
		vertical-align: 4px;
	}
	#header_tab{
		height: 27px;
	}
	#header_menu{
		background-color:#F36523;
		height: 24px;
	}
	#sub_today{
		position:relative;
		width: 1024;
		margin-left: 220px;
	}
	#sub_bbom{
		margin-left: 375px;
	}
	#sub_search{
		margin-left: 315px;
	}
	#sub_board{
		margin-left: 600px;
	}
	.todayBtn{
		color:#f9f9f9;text-decoration:none;
		font-size:11px;
	}
	#todayImg01{
		position: absolute;
		left:57px;
	}
	#todayImg02{
		position: absolute;
		left:127px;
	}
	#todayImg03{
		position: absolute;
		left:198px;
	}
	#todayImg04{
		position: absolute;
		left:267px;
	}
	#todayImg05{
		position: absolute;
		left:337px;
	}
	#todayImg06{
		position: absolute;
		left:408px;
	}
	#todayImg01{
		position: absolute;
		margin-right: 40px;
	}

	#todayBtn01{
		position: absolute;
		top:5px;
		left:70px;
	}
	#todayBtn02{
		position: absolute;
		top:5px;
		left:140px;
	}
	#todayBtn03{
		position: absolute;
		top:5px;
		left:210px;
	}
	#todayBtn04{
		position: absolute;
		top:5px;
		left:280px;
	}
	#todayBtn05{
		position: absolute;
		top:5px;
		left:350px;
	}
	#todayBtn06{
		position: absolute;
		top:5px;
		left:420px;
	}
	
	
	#write_container{
		position:relative;
		width: 1024;
		top: 0px;
		left: 0px;
	}
	#main_today{
		height: 605px;
	}
	#main_page1{
		position: absolute;
		top:70px;
		left:50px;
	}
	#main_arrow_prev{
		position: absolute;
		top:270px;
		left:140px;
	}
	#main_arrow_next{
		position: absolute;
		top:270px;
		left:800px;
	}
	#main_info_next{
		position: absolute;
		top:320px;
		left:820px;
	}
	#main_info_prev{
		position: absolute;
		top:320px;
		left:70px;
	}
	#main_cancle{
		position: absolute;
		top:490px;
		left:820px;
	}
	#main_ok{
		position: absolute;
		top:490px;
		left:940px;
	}
	#main_title{
		position: absolute;
		top:30px;
		left:235px;
	}
	#main_subject_text{
		width:550px;
		height:30px;
		font-size: 30px;
	}
	#main_img{
		position: absolute;
		top:80px;
		left:235px;
		width:550px;
		height:360px;
	}
	#main_comment{
		position: absolute;
		top:450px;
		left:235px;
	}
	#main_content_text{
		font-size:13px;
	}
	#main_kind{
		position: absolute;
		top:70px;
		left:250px;
	}
	#main_category{
		position: absolute;
		top:140px;
		left:280px;
	}
	#main_category_radio{
		position: absolute;
		top:190px;
		left:260px;
	}
	#main_nara{
		position: absolute;
		top:250px;
		left:280px;
	}
	#main_nara_radio{
		position: absolute;
		top:300px;
		left:260px;
	}
	#main_mctn{
		position: absolute;
		top:140px;
		left:270px;
	}
	#main_mctn_select{
		position: absolute;
		top:140px;
		left:390px;
	}
	#main_mainIngre{
		position: absolute;
		top:210px;
		left:270px;
	}
	#main_mainIngre_text{
		position: absolute;
		top:240px;
		left:270px;
	}
	#main_subIngre{
		position: absolute;
		top:390px;
		left:270px;
	}
	#main_subIngre_text{
		position: absolute;
		top:420px;
		left:270px;
	}
	#main_confirm{
		position: absolute;
		top:40px;
		left:85px;
	}
	#main_confirm_text{
		font-size:30px;
		border:none;
	}

	#footer{
		text-align: center;
		height: 35px;
		border-top: 1px solid;
		border-top-color: #a1a1a1;
	}
	#footer .copyright{
		margin: 10px;	
	}
	.button_img{
		width:80px;
		background-color:#f1852e;
		color:#ffffff;
		border-style:solid;
		cursor:pointer;
	}
	.reply{
		position:relative;
		width: 1024px;
		top: -30px;
		z-index: 2;
	}
	.replyCtn{
		position:relative;
		width: 1024px;
		top: -51px;
		margin-left: 27px;
		z-index: 1;
		font-size:13px;
	}
	#replybtn
	{	
		z-index: 2;
	}
	#view_origin{
		z-index: 3;
	
	}
	.favorite{
		position: absolute;
		top:170px;
		left:75px;
	}
	 .main_temSave
 {
  position: absolute;
  margin-top: 440px;
  margin-left: 820px;
  cursor: pointer;
 }
</style>
</head>
<body>
<div id="container">
<div id="top_logo"><tiles:insertAttribute name="top_logo"></tiles:insertAttribute></div>
<div id="header_tab"><tiles:insertAttribute name="header_tab"></tiles:insertAttribute></div>
<div id="header_menu"><tiles:insertAttribute name="header_menu"/></div>
<div id="main_today"><tiles:insertAttribute name="main_today"/></div>
<div id="footer"><tiles:insertAttribute name="footer"/></div>
</div>
</body>
</html>